<a class="stat card hvr-wobble-horizontal">
    <div class=" stat-icon">
        <i class="fa fa-{{icon}} fa-4x text-{{bgclass}}"></i>
    </div>
    <div class=" stat-label">
        <div class="label-header">
            {{value}}
        </div>
        <!-- <ngb-progressbar type="{{bgclass}}" [value]="progressValue"></ngb-progressbar> -->
        <div class="clearfix stat-detail">
            <div class="label-body">
                <i class="fa fa-arrow-circle-o-right pull-right text-muted"></i> {{ text }}
            </div>
        </div>
    </div>
</a>
